:local(.subject) {
	cursor: default;
	height: 22px;
	margin:18px 0 0 22px;
	line-height: 22px;
	overflow: hidden;

	:global(ul){
		margin-left: -20px;
		padding: 0;
		float: left;
		height: 22px;
		
		:global(li){
			float: left;
			
			height: 22px;
			list-style: none;
			margin: 0 0 0 20px;
			text-align: center;
			
			:global(.selectedAll){
				float: left;
				border: 1px solid #d2d3d6;
				border-radius: 3px;
				font-size: 14px;
				color: #fff;
				width: 35px;
				height: 20px;
				background: #64dcdc;
			}
			:global(.unselectedAll){
				float: left;
				border: 1px solid #d2d3d6;
				border-radius: 3px;
				font-size: 14px;		
				width: 35px;
				height: 20px;
				background: #fff;
			}
			:global( span ){
				display:inline-block;
				cursor: pointer;
				line-height: 22px;
				height: 22px;
				font-size: 15px;
				text-align: center;
			}
			:global(b){
				float: left;
				cursor: pointer;
				background: url('../../../resources/subject_unselected.png') no-repeat center;
	
				width: 22px;
				height: 22px;
			}
			:global(.checked){
				background: url('../../../resources/subject_selected.png') no-repeat center;;
			}
		}
		
	}
}